<div class="panel panel-default" ng-show="device === '2.3' ">
        <div class="panel-heading">Information</div>
        <div class="panel-body">
            There is no setting for devices with Android 2.3
        </div>
</div>

<form role="form" ng-submit="submit();" ng-show="device !== '2.3' ">
    
    <div class="panel panel-default">
        <div class="panel-heading">Size of game board</div>
        <div class="panel-body">
            <div class="checkbox checkbox-primary">
                <input type="checkbox" name="adjust"
					   ng-checked="setting.adjust"
					   ng-model="setting.adjust"
					   id="optionsCheckbox1">
				<label for="optionsCheckbox1">
					adjust the size of game board automatically
                </label>
            </div>
			
			<div class="radio radio-circle" ng-if="!setting.adjust">
            	<input type="radio" name="size" ng-model="setting.size" id="optionsRadios1" value="10">
                <label for="optionsRadios1">
					small 10x10
                </label>
            </div>
            <div class="radio radio-circle" ng-if="!setting.adjust">
                <input type="radio" name="size" ng-model="setting.size" id="optionsRadios2" value="15">
                <label for="optionsRadios2">
					normal 15x15
                </label>
            </div>
            <div class="radio radio-circle" ng-if="!setting.adjust">
                <input type="radio" name="size" ng-model="setting.size" id="optionsRadios3" value="20">
                <label for="optionsRadios3">
					large 20x20
                </label>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">Size of one field</div>
        <div class="panel-body">
            <div class="radio radio-circle">
				<input type="radio" name="one" ng-model="setting.one" id="optionsRadios4" value="46">
				<label for="optionsRadios4">
					normal
                </label>
            </div>
            <div class="radio radio-circle">
				<input type="radio" name="one" ng-model="setting.one" id="optionsRadios5" value="60">
                <label for="optionsRadios5">
                    large
                </label>
            </div>
        </div>
    </div>

    <div class="panel panel-default" ng-show="device !== '4.0'">
        <div class="panel-heading">Other settings</div>
        <div class="panel-body">
            <div class="checkbox checkbox-primary">
                <input type="checkbox" name="scroll"
					   ng-checked="setting.scroll"
					   ng-model="setting.scroll"
					   id="optionsCheckbox2">
				<label for="optionsCheckbox2">
					automatic scroll game board after oponent move
                </label>
            </div>
        </div>
    </div>
    
    <button type="submit" class="btn btn-primary btn-block">Save changes</button>
</form>
<br />